@media (max-width: 767px) {
   footer {
      text-align: center
   }
}

footer a {
   color: #fff;
   font-family: 'Saira', sans-serif;
}

footer a:hover {
   color: #9aca3c;
   text-decoration: none
}

footer p {
   font-family: 'Saira', sans-serif
}

footer ul li {
   list-style: none;
   padding-top: 20px;
   margin: 0;
   display: inline-block;
   margin-left: 15px
}

@media (max-width: 767px) {
   footer ul li {
      text-align: center
   }
}

@media (max-width: 767px) {
   footer .bullet {
      display: none
   }
}

footer .termos-legais {
   background: #005f2c;
   padding-top: 15px
}

footer .logo-footer img {
   padding-top: 2%
}

.logo {
   position: relative;
   z-index: 123;
   float: left;
   padding: 1%;
}

nav {
   position: relative;
   width: 100%;
   margin: 0 auto
}

.menu-texto {
   float: right;
}

.menu-texto {
   margin: 15px 60px 0 0;
}

#menuprincipal,
#menuprincipal ul,
#menuprincipal ul li,
#menuprincipal ul li a,
#menuprincipal #head-mobile {
   border: 0;
   list-style: none;
   line-height: 2;
   display: block;
   position: relative;
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

#menuprincipal:after,
#menu>ul:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0
}

#menuprincipal #head-mobile {
   display: none
}

#menuprincipal {
   font-family: 'Saira', sans-serif;
   position: fixed;
   z-index: 1040;
   min-height: 90px;
   padding: 0;
   left: 0;
   -webkit-transition: height 0.3s ease-out, background 0.3s ease-out, box-shadow 0.5s, left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s;
   transition: height 0.3s ease-out, background 0.3s ease-out, box-shadow 0.5s, left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s;
   -webkit-transition: height 0.3s ease-out, background 0.3s ease-out, left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s, -webkit-box-shadow 0.5s;
   transition: height 0.3s ease-out, background 0.3s ease-out, left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s, -webkit-box-shadow 0.5s;
   transition: height 0.3s ease-out, background 0.3s ease-out, transform 0.5s, box-shadow 0.5s, left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
   transition: height 0.3s ease-out, background 0.3s ease-out, transform 0.5s, box-shadow 0.5s, left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s, -webkit-box-shadow 0.5s;
   transition: height 0.3s ease-out, background 0.3s ease-out, transform 0.5s, box-shadow 0.5s, left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s;
}

#menuprincipal>ul {
   margin-bottom: 0
}

#menuprincipal>ul>li {
   float: left
}

#menuprincipal>ul>li>a {
   padding: 10px;
   font-size: 18px;
   font-weight: 500;
   font-style: normal;
   letter-spacing: 1px;
   text-decoration: none;
   font-family: 'Saira', sans-serif;
   color: #fff;
}

#menuprincipal>ul>li:hover>a,
#menuprincipal ul li.active a {
   color: #34aa1d
}

#menuprincipal>ul>li a:hover,
#menuprincipal ul li.active:hover,
#menuprincipal ul li.active,
#menuprincipal .has-sub.active:hover {
   color: #34aa1d;
   -webkit-transition: background .3s ease;
   transition: background .3s ease
}

#menuprincipal>ul>li.has-sub>a {
   padding-right: 25px
}

#menuprincipal>ul>li.has-sub>a:after {
   position: absolute;
   top: 22px;
   right: 11px;
   width: 8px;
   height: 2px;
   display: block;
   background: #fff;
   content: ''
}

#menuprincipal>ul>li.has-sub>a:before {
   position: absolute;
   top: 19px;
   right: 14px;
   display: block;
   width: 2px;
   height: 8px;
   background: #fff;
   content: '';
   -webkit-transition: all .25s ease;
   transition: all .25s ease
}

#menuprincipal>ul>li.has-sub:hover>a:before {
   top: 300px;
   height: 0
}

#menuprincipal ul ul {
   position: absolute;
   left: -9999px
}


/* FUNDO DO MENU DROPDOWN */

#menuprincipal ul ul li {
   height: 0;
   -webkit-transition: all .25s ease;
   -ms-transition: all .25s ease;
   background: #fff;
   transition: all .25s ease
}


/* FIM DO FUNDO DO MENU DROPDOWN */

#menuprincipal li:hover>ul {
   left: auto
}

#menuprincipal li:hover>ul>li {
   height: 60%
}

#menuprincipal ul ul ul {
   margin-left: 100%;
   top: 0
}

#menuprincipal ul ul li a {
   padding: 10% 10%;
   width: 180px;
   font-size: 15px;
   font-family: "Saira";
   letter-spacing: 1px;
   text-decoration: none;
   color: #ff0000;
   font-weight: 300
}

#menuprincipal ul ul li:last-child>a,
#menuprincipal ul ul li.last-item>a {
   border-bottom: 0
}


/* FUNDO MENU DROPDOWN HOVER */

#menuprincipal ul ul li:hover>a,
#menuprincipal ul ul li a:hover {
   color: #fff;
   background-color: #00773b
}


/* FIM DO FUNDO MENU DROPDOWN HOVER */

@media (max-width: 1025px) {
   .logo {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      text-align: center;
      margin-top: 5px;
      float: none
   }
   .logo2 {
      display: none
   }
   nav {
      width: 100%
   }
   #menuprincipal {
      width: 100%
   }
   #menuprincipal ul {
      width: 100%;
      display: none;
      margin-top: 6%;
	  float: left;
   }
   #menuprincipal ul li {
      width: 100%;
      border-top: 1px solid rgba(255, 255, 255, 0.22);
   }
   #menuprincipal ul li:hover {
      background: #00773b
   }
   #menuprincipal ul ul li,
   #menuprincipal li:hover>ul>li {
      height: auto
   }
   #menuprincipal ul li a,
   #menuprincipal ul ul li a {
      width: 100%;
      border-bottom: 0
   }
   #menuprincipal>ul>li {
      float: none
   }
   #menuprincipal ul ul li a {
      padding-left: 25px
   }
   #menuprincipal ul ul li {
      background: #9aca3c !important
   }
   #menuprincipal ul ul li:hover {
      background: #231F20 !important
   }
   #menuprincipal ul ul ul li a {
      padding-left: 35px
   }
   #menuprincipal ul ul li a {
      padding: 5% 5%;
      color: #fff;
      background: none
   }
   #menuprincipal ul ul li:hover>a,
   #menuprincipal ul ul li.active>a {
      color: #fff
   }
   #menuprincipal ul ul,
   #menuprincipal ul ul ul {
      position: relative;
      left: 0;
      width: 100%;
      margin: 0;
      text-align: left
   }
   #menuprincipal>ul>li.has-sub>a:after,
   #menuprincipal>ul>li.has-sub>a:before,
   #menuprincipal ul ul>li.has-sub>a:after,
   #menuprincipal ul ul>li.has-sub>a:before {
      display: none
   }
   #menuprincipal #head-mobile {
      display: block;
      padding: 23px;
      color: #231F20;
      font-size: 1.6vh;
      font-weight: 700
   }
   .button {
      width: 55px;
      height: 46px;
	  margin-right: 10px;
      position: absolute;
      right: 0;
      top: 20px;
      cursor: pointer;
      z-index: 12399994;
   }
   .button:after {
      position: absolute;
      top: 25px;
      right: 20px;
      display: block;
      height: 10px;
      width: 20px;
      border-top: 2px solid #2a3c47;
      border-bottom: 2px solid #2a3c47;
      content: ''
   }
   .button:before {
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
      position: absolute;
      top: 16px;
      right: 20px;
      display: block;
      height: 2px;
      width: 20px;
      background: #2a3c47;
      content: ''
   }
   .button.menu-opened:after {
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
      top: 23px;
      border: 0;
      height: 2px;
      width: 19px;
      background: #2a3c47;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg)
   }
   .button.menu-opened:before {
      top: 23px;
      background: #2a3c47;
      width: 19px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg)
   }
   #menuprincipal .submenu-button {
      position: absolute;
      z-index: 99;
      right: 0;
      top: 0;
      display: block;
      border-left: 1px solid rgba(255, 255, 255, 0.22);
      height: 46px;
      width: 46px;
      cursor: pointer
   }
   #menuprincipal .submenu-button.submenu-opened {
      background: #9aca3c
   }
   #menuprincipal ul ul .submenu-button {
      height: 34px;
      width: 34px
   }
   #menuprincipal .submenu-button:after {
      position: absolute;
      top: 22px;
      right: 19px;
      width: 8px;
      height: 2px;
      display: block;
      background: #2a3c47;
      content: ''
   }
   #menuprincipal ul ul .submenu-button:after {
      top: 15px;
      right: 13px
   }
   #menuprincipal .submenu-button:before {
      position: absolute;
      top: 19px;
      right: 22px;
      display: block;
      width: 2px;
      height: 8px;
      background: #2a3c47;
      content: ''
   }
   #menuprincipal ul ul .submenu-button:before {
      top: 12px;
      right: 16px
   }
   #menuprincipal .submenu-button.submenu-opened:before {
      display: none
   }
   #menuprincipal ul ul ul li.active a {
      border-left: none
   }
   #menuprincipal>ul>li.has-sub>ul>li.active>a,
   #menuprincipal>ul ul>li.has-sub>ul>li.active>a {
      border-top: none
   }
}

*,
*:before,
*:after {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   margin: 0;
   padding: 0
}

.hover-zoom {
   z-index: 2;
   -webkit-transition: all 100ms ease-in-out;
   -webkit-transform: scale(1);
   -ms-transition: all 100ms ease-in-out;
   -ms-transform: scale(1);
   -moz-transition: all 100ms ease-in-out;
   -moz-transform: scale(1);
   transition: all 100ms ease-in-out;
   transform: scale(1)
}

.hover-zoom:hover {
   z-index: 2;
   -webkit-transition: all 100ms ease-in-out;
   -webkit-transform: scale(1.1);
   -ms-transition: all 100ms ease-in-out;
   -ms-transform: scale(1.1);
   -moz-transition: all 100ms ease-in-out;
   -moz-transform: scale(1.1);
   transition: all 100ms ease-in-out;
   transform: scale(1.1)
}

@media (max-width: 1025px) {
   .hover-zoom:hover {
      -webkit-transition: all 100ms ease-in-out;
      -webkit-transform: scale(1);
      -ms-transition: all 100ms ease-in-out;
      -ms-transform: scale(1);
      -moz-transition: all 100ms ease-in-out;
      -moz-transform: scale(1);
      transition: all 100ms ease-in-out;
      transform: scale(1)
   }
}